<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
    <style>
        body{
            background-image: url(../static/img/beach-5571545_1920.jpg);
            {#background-repeat: no-repeat;
            background-size: 100% 100%;#}
            background-size:cover;
        }
        #login-box{
	        background-color:#00000068;
	        text-align: center;
            margin: 0px auto;
	        margin-top: 100px;
            margin-left: 950px;
	        width: 300px;
	        height: 400px;
            position: relative;
        }


        h1{
            text-align: center;
        }
        #user_online{
            float: right;
            margin-right: 3px;
        }
        .table{
            border-collapse:collapse;
            cellpadding:0;
            mso-cellspacing: 0;
        }
        tr{
            align:center;
            border: none;
        }
        td{
            border: none;
        }
    </style>
    <link rel="stylesheet" href="{{ url_for ('static',filename='css/flask.css')}}">
    <link rel="stylesheet" href="{{ url_for ('static',filename='css/bootstrap.css')}}">
</head>

</body>
<div id="login-box">
<form action="" method="post">
    <table class="table">
        <h1>用户登陆</h1>
        <tr id="user_name">
            <td></td>
            <td><input class="form-control"  type ='text' name="username" placeholder="请输入用户名"></td>
        </tr>
        <h1>{{ error }}</h1>
        <tr>
            <td></td>
            <td><input class="form-control" type ='password' name="password" placeholder="请输入密码"></td>
        </tr>
        <tr>
            <td></td>
            <td><input class="btn btn-primary" type="submit" value="点击登陆"></td>
        </tr>
        <tr>
            <td></td>
            <td><a href="{{ url_for('regist') }}">点击注册</a></td>
        </tr>
    </table>
</form>

</div>

</body>
</html>